/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';


/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:12px;
$uni-font-size-base:14px;
$uni-font-size-lg:16px;

/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;

/* Border Radius */
$uni-border-radius-sm: 2px;
$uni-border-radius-base: 3px;
$uni-border-radius-lg: 6px;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px;

/* 垂直间距 */
$uni-spacing-col-sm: 4px;
$uni-spacing-col-base: 8px;
$uni-spacing-col-lg: 12px;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;






// 新增自定义

	
	//  新增
	
	$base-color: #324AB2;
	$base-color-line:#FF0000;
	$base-color-dark:#041C85;
	$color:#CB0011;
	$dark-color:#4D0E0B;
	$color2:#24DB9D;
	$radius:40rpx;
	$text-color:#FFFFFF;
	$font-color-dark: #303133;
	$font-color-base: #606266;
	$font-color-light: #909399;
	$font-color-disabled: #C0C4CC;
	$font-color-spec: #4399fc;
	$uni-btn-color: #007aff;
	
	
	
	
	
	/* flex-direction: row：主轴为水平方向，起点在左端 */
	.fr{display: flex; display: -webkit-flex; flex-direction: row;}
	/* flex-direction: column 主轴为垂直方向，起点在上沿 */
	.fc{display: flex; display: -webkit-flex; flex-direction: column;}
	/* wrap：换行，第一行在上方（常用，所有下列只定义此项，用 fw 表示）*/
	.fw{display: flex; flex-wrap: wrap;}
	/* 主轴上的对齐方式
	flex-start（默认值）：左对齐
	flex-end：右对齐
	center： 居中
	space-between：两端对齐，项目之间的间隔都相等。
	space-around：每个项目两侧的间隔相等 */
	/* justify-content: flex-start | flex-end | center | space-between | space-around; */
	/* 左对齐 */
	.jcl{justify-content: flex-start;}
	/*右对齐 */
	.jcr{justify-content: flex-end;}
	/*居中对齐 */
	.jcc{justify-content: center;}
	/*两端对齐*/
	.jcb{justify-content: space-between;}
	/*两侧的间隔相等*/
	.jca{justify-content: space-around;}
	/* align-items: flex-start | flex-end | center | baseline | stretch; */
	/*左对齐*/
	.ail{align-items: flex-start;}
	/*右对齐 */
	.air{align-items: flex-end;}
	/*居中对齐 */
	.aic{align-items: center;}
	/*项目的第一行文字的基线对齐*/
	.aib{align-items: baseline}
	/*如果项目未设置高度或设为auto，将占满整个容器的高度*/
	.ais{align-items: stretch;}
	/* align-self: auto | flex-start | flex-end | center | baseline | stretch; */
	.asa{align-self: auto}
	.asl{align-self: flex-start}
	.asr{align-self: flex-end}
	.asc{align-self: center}
	.ass{align-self: stretch}
	/*定位*/
	/* position pr 相对定位 pa 绝对定位 pf 生成绝对定位的元素，相对于浏览器窗口进行定位。 */
	.pr{position: relative;}
	.pa{position: absolute;}
	.pf{position: fixed;}
	
	/* start--文本行数限制--start */
	.u-line-1 {
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	
	.u-line-2 {
	    -webkit-line-clamp: 2;
	}
	
	.u-line-3 {
	    -webkit-line-clamp: 3;
	}
	
	.u-line-4 {
	    -webkit-line-clamp: 4;
	}
	
	.u-line-5 {
	    -webkit-line-clamp: 5;
	}
	
	.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
	    overflow: hidden;
		word-break: break-all;
	    text-overflow: ellipsis; 
	    display: -webkit-box; // 弹性伸缩盒
	    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
	}
	
	/* end--文本行数限制--end */
	